<template>
	<div class="paydeposit">
		<div class='head'>
            <p class='title-icon'>
            	<a class='iconfont icon-jiantouzuo' href="javascript:history.go(-1)"></a>
            </p>
            <p class='title-text'>交纳押金</p>
            <p class="title-null"></p>
        </div>
        
        <div class="pay-box">
			<div class="paydeposit-text">
	        	根据某某跑腿配送系统申请协议规定，只要注册本系统平台的配送们，必须交200.00元的押金以保证在配送工作中的工作态度。
	        </div>
	        <div class="paydeposit-way">
	        	<p class="pay-way-txt">支付方式：</p>
	        	<p class="pay-way-icon">
	        		<router-link to='/' class="iconfont icon-zhifubao1"></router-link>
	        		<router-link to='/'  class="iconfont icon-yinlian"></router-link>
	        		<router-link to='/'  class="iconfont icon-weixin1"></router-link>
	        	</p>
	        	<p class="pay-way-text">
	        		<span>支付宝</span>
	        		<span>银行卡</span>
	        		<span>微信支付</span>
	        	</p>
	        </div>
	        <div class="pay-agree">
	        	<p>
	        		<span class="iconfont icon-fuxuankuang1"></span>
	        		<span>同意 <a href="" class="protocol">《同城捎客配送协议》</a></span>
	        	</p>
	        </div>
	        <div class="pay-button">
	        	<p class="info-submit">
	        		<router-link to='/home'>下一步</router-link>
	        	</p>
        	</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.pay-box{
		padding: 10px;
	}
	.protocol{
		color:#71B4EB;
		display: inline;
	}
	.paydeposit-text{
		background-color: white;
		padding: 10px;
		line-height: 35px;
		border-radius:6px;
		text-indent: 1rem;
	}
	.paydeposit-way{
		background-color: white;
		border-radius: 6px;
		padding: 5px;
	}
	.paydeposit-way{
	    margin-top: 10px;
	}
	.pay-way-txt,.pay-way-icon,.pay-way-text {
		margin:5px 0px;
	}
	.pay-way-icon > a{
		width: 32%;
		text-align: center;
		font-size: 2.5rem;
	}
	.pay-way-text >span{
		display: inline-block;
		text-align: center;
		width: 32%;
	}
	.pay-agree{
		margin-top: 30px;
	}
	.pay-agree > span{
		display: inline-block;
	}
	.icon-fuxuankuang1{
		color: #71B4EB;
	}
	.pay-button{
		margin-top: 20px;
	}
</style>